<style>
@charset "utf-8";
/* CSS Document */
/*导航*/
body {
	background: #F8F8F8;
}

dt+dd {
	margin-top: 0px !important;
}

img {
	width: 100%;
}

#nav {
	margin-top: 5px;
}

#meauBack a {
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	width: auto;
}

#nav .category-content {
	position: relative;
	width: 100%;
	float: left;
}

#nav .category-content .long-title {
	background: #d2364c;
	color: #fff;
	display: block;
	width: 100%;
}

#nav .category-content .all-goods {
	display: block;
	width: 100px;
	height: 36px;
	padding: 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 36px;
}

#nav .category-content .all-goods em {
	font: 12px/36px "Microsoft YaHei";
}

.status .list i, .category-content .down-ico, .category-content .list-cake i,
	.category-content .list-nacake i, .category-content .list-tz i,
	.category-content .list-ny i, .category-content .list-xb i,
	.category-content .list-xl i {
	background: url(image/index_ico_png32.png) no-repeat;
}

.category-content .category {
	z-index: 113;
	width: 79px;
	height: 100%;
	border: 1px solid #dadad9;
	border-top: none;
	background: #fefefe;
	box-shadow: 2px 2px 2px #dedede;
}

.category-content .down-ico {
	position: absolute;
	top: 48px;
	left: 75px;
	width: 10px;
	height: 6px;
	background-position: 0 -131px;
	z-index: 11111;
}

.category-content .category-list li {
	height: 42px;
	margin-top: -2px;
	z-index: 113;
	border: 2px solid transparent;
}

.category-content .category-list li.first {
	margin-top: 0;
}

.category-content .category-list li.last .c-category-list {
	border-bottom: none;
}

.category-content .category-name {
	overflow: hidden;
	position: relative;
}

.category-content .category-name i {
	display: none;
}

.category-content .category-list .bd-b {
	height: 1px;
	margin: -1px 10px 0 10px;
	background: #eee;
	line-height: 1;
	font-size: 0;
}

.category-content .b-category-name {
	padding-top: 4px;
	line-height: 32px;
}

.category-content .b-category-name b {
	margin-left: 4px;
	font: 400 12px/28px "宋体";
}

.category-content .b-category-name a {
	color: #4c4c4c;
}

.category-content .c-category-list a {
	margin-right: 8px;
	color: #626262;
}

.category-content .b-category-name .fr {
	background-position: 0 -629px;
	width: 22px;
	height: 22px;
	margin: 10px 16px 0 0;
}

.category-content .s-category-name {
	height: 22px;
}

.category-content .s-category-name a {
	margin: 0 16px 0 0;
	font: 12px/22px "宋体";
}

.category-content .category-info {
	position: relative;
	height: 100%;
}

.category-content .category-info em {
	position: absolute;
	top: 11px;
	right: 5px;
	width: 13px;
	height: 13px;
	font: 12px/18px "宋体";
	color: #9b9b9b;
}

.category-content .category .selected {
	box-shadow: 0px 2px 3px #ccc;
	margin-left: -1px;
	padding-left: 1px;
	z-index: 999;
}

.category-content .selected .category-info {
	border: none;
	text-decoration: none;
	background: #fff;
}

.category-content .menu-item {
	position: absolute;
	right: 0px;
	z-index: 11;
	padding: 0 0 0 2px;
	background: #fff;
	border: none;
	border-top: 1px solid #bbb\9;
}

.category-content .menu-item .area-in {
	position: relative;
	z-index: 1;
}

.category-content .menu-item .area-bg {
	padding: 10px 0px;
}

.shadow-bg {
	display: none;
	position: relative;
	width: 100%;
	height: 0;
}

.shadow-b, .shadow-bg i {
	background: url(themes/mall/default/styles/default/images/index_ico.png)
		no-repeat;
}

.shadow-r, .shadow-l {
	background: url(themes/mall/default/styles/default/images/shadow.png)
		no-repeat;
}

.shadow-bg i, .shadow-b {
	position: absolute;
	width: 100%;
	height: 0;
	height: 2px\9;
	background-position: 0 -188px;
	background-repeat: repeat-x;
}

.shadow-bg i, .shadow-b {
	_height: 0;
}

.shadow-l {
	position: absolute;
	left: 0;
	_left: -42px;
	top: 0;
	width: 0;
	width: 2px\9;
	height: 100%;
	background-position: right 0;
	background-repeat: repeat-y;
}

.shadow-r {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	width: 2px\9;
	height: 100%;
	background-repeat: repeat-y;
}

.category-content .menu-in {
	display: none;
}

.category-content li.selected .menu-in {
	display: block;
}

.category-content .menu-srot {
	width: 100%;
	overflow: hidden;
}

.menu-srot .sort-side {
	overflow: hidden
}

.sort-side .dl-sort {
	float: left;
	width: 100%;
}

.sort-side dt {
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #db3e54;
	text-align: left;
	padding-left: 10px;
}

.sort-side dd {
	float: left;
	padding: 6px;
	width: 33.33%;
}

.sort-side dd a {
	float: left;
	width: 100%;
	letter-spacing: 0.5px;
	line-height: 14px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 10px;
	border: 1px solid #e6e6e6;
	text-align: center;
}

.sort-side dd a span.red {
	color: #DB3E54;
}

.brand-side {
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #eae9e9;
	padding-top: 5px;
}

.brand-side .dl-sort {
	overflow: hidden;
}

.brand-side dt {
	position: absolute;
	top: -22px;
	font-size: 14px;
	font-weight: bold;
}

.category-content .menu-item {
	left: 83px;
	height: 100%;
	background: #f8f8f8;
}

.category-content .menu-item.top {
	top: 36px;
	padding-right: 10px;
}

.category-content .menu-item.bottom {
	bottom: -2px;
	*bottom: -6px;
	bottom: -7px;
}

.am-dimmer {
	background: #fff;
}
</style>
<div class="container" ng-controller="catCtl">

	<header data-am-widget="header"
		class="am-header am-header-default my-header">
		<div class="am-header-left am-header-nav">
			<a ng-click="goBack()" class=""> <i
				class="am-header-icon am-icon-chevron-left"></i>
			</a>
		</div>
		<h1 class="am-header-title">
			<a class="">全部分类</a>
		</h1>
		<div class="am-header-right am-header-nav">
			<a ng-click="goIndex()" class=""> <i
				class="am-header-icon  am-icon-home"></i>
			</a>
		</div>
	</header>

	<!--主体-->
	<div id="nav" class="navfull">
		<div class="area clearfix">
			<div class="category-content" id="guide_2">
				<!-- <div class="long-title">
					<span class="all-goods">全部分类</span><span id="meauBack"><a
						href="home.html">返回</a></span>
				</div> -->
				<div class="category">
					<ul class="category-list" id="js_climit_li">
						<li class="appliance js_toggle relative first selected">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/cake.png"></i><a class="ml-22"
										title="点心">点心/蛋糕</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">

											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>

											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">蛋糕</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">点心</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>

											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/cookies.png"></i><a class="ml-22"
										title="饼干、膨化">饼干/膨化</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="饼干">饼干</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="薯片">薯片</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">虾条</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/meat.png"></i><a class="ml-22"
										title="熟食、肉类">熟食/肉类</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="猪肉脯">猪肉脯</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="牛肉丝">牛肉丝</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="小香肠">小香肠</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/bamboo.png"></i><a class="ml-22"
										title="素食、卤味">素食/卤味</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="豆干">豆干</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="干笋">干笋</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="鸭脖">鸭脖</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/nut.png"></i><a class="ml-22"
										title="坚果、炒货">坚果/炒货</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">坚果</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">锅巴</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/candy.png"></i><a class="ml-22"
										title="糖果、蜜饯">糖果/蜜饯</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="糖果">糖果</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蜜饯">蜜饯</span>
													</dt>
													<dd>
														<a title="猕猴桃干" href="#"><span>猕猴桃干</span></a>
													</dd>
													<dd>
														<a title="糖樱桃" href="#"><span>糖樱桃</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/chocolate.png"></i><a class="ml-22"
										title="巧克力">巧克力</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">巧克力</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">果冻</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/fish.png"></i><a class="ml-22"
										title="海味、河鲜">海味/河鲜</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="海带丝">海带丝</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="小鱼干">小鱼干</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="鱿鱼丝">鱿鱼丝</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/tea.png"></i><a class="ml-22"
										title="花茶、果茶">花茶/果茶</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">蛋糕</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="蛋糕">点心</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div> <b class="arrow"></b>
						</li>
						<li class="appliance js_toggle relative last">
							<div class="category-info">
								<h3 class="category-name b-category-name">
									<i><img src="image/package.png"></i><a class="ml-22"
										title="品牌、礼包">品牌/礼包</a>
								</h3>
								<em>&gt;</em>
							</div>
							<div class="menu-item menu-in top">
								<div class="area-in">
									<div class="area-bg">
										<div class="menu-srot">
											<div class="brand-side">
												<dl class="dl-sort">
													<dt>
														<span>为您推荐</span>
													</dt>
													<img src="image/TJ.jpg">
												</dl>
											</div>
											<div class="sort-side">
												<dl class="dl-sort">
													<dt>
														<span title="大包装">大包装</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
												<dl class="dl-sort">
													<dt>
														<span title="两件套">两件套</span>
													</dt>
													<dd>
														<a title="蒸蛋糕" href="#"><span>蒸蛋糕</span></a>
													</dd>
													<dd>
														<a title="脱水蛋糕" href="#"><span>脱水蛋糕</span></a>
													</dd>
													<dd>
														<a title="瑞士卷" href="#"><span>瑞士卷</span></a>
													</dd>
													<dd>
														<a title="软面包" href="#"><span>软面包</span></a>
													</dd>
													<dd>
														<a title="马卡龙" href="#"><span>马卡龙</span></a>
													</dd>
													<dd>
														<a title="千层饼" href="#"><span>千层饼</span></a>
													</dd>
													<dd>
														<a title="甜甜圈" href="#"><span>甜甜圈</span></a>
													</dd>
													<dd>
														<a title="蒸三明治" href="#"><span>蒸三明治</span></a>
													</dd>
													<dd>
														<a title="铜锣烧" href="#"><span>铜锣烧</span></a>
													</dd>
												</dl>
											</div>

										</div>
									</div>
								</div>
							</div>

						</li>
					</ul>
				</div>
			</div>

		</div>
	</div>

	<script type="text/javascript">
			$(document).ready(function() {
		$("li").click(function() {		
		     	$(this).addClass("selected").siblings().removeClass("selected");
	       })
		})
		</script>
	<div class="clear"></div>
</div>


